<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        iframe {
            margin: 100px;
            width: 1200px;
            height: 400px;
        }
    </style>
</head>
<body>
    <!-- a链接能够间接控制iframe的src属性 -->
    <!-- 如果想要让iframe标签跳转，而不是整个页面跳转，需要target属性和iframe的name属性配合 -->
    <!-- _self 当前页面跳转；  _blank 在新页面中跳转 -->
    <a target="aaa" href="./login.html">login</a>
    <a target="aaa" href="./index.html">index</a>
    <a target="aaa" href="./dashboard.html">dashborad</a>
    <a target="aaa" href="./student.html">student</a>
    <a target="aaa" href="./score.html">score</a>

    <!-- iframe标签，可以做页面包含。行内块元素; -->
    <!-- frameborder="0" 去除边框 -->
    <!-- src属性，可以指定要包含的页面； -->
    <iframe name="aaa" src="./login.html"></iframe>
</body>
</html>